<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.10.1.js"></script>
<script type="text/javascript">
	$(function(){
		var url = "${pageContext.request.contextPath }/employee/getAllEmployee";
		var args = {};
		$.get(url,args,function(data){
			var con = "<table border='1'> <tr><th>ID</th><th>LastName</th><th>Email</th><th>Gender</th></tr>";
			for(var i = 0 ;i<data.length;i++){
				con += "<tr><td>"+data[i].id+"</td><td>"+data[i].lastName+"</td><td>"+data[i].email+"</td><td>"+data[i].gender+"</td></tr>";
			}
			con += "</table>";
			$("#showEmployee").html(con);
		});
		
	});

</script>
</head>
<body>
	<div id="showEmployee"></div>
</body>
</html>